<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>退款申请</title>
		<link href="plugin/date/date.css" rel="stylesheet">
		<link href="bootstrap/css/bootstrap3.min.css" rel="stylesheet">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<script src="js/jquery.min.js"></script>
		<link rel="stylesheet" href="css/nav.css" />
		<style>
			.form-group-update {
				margin-right: 2%;
			}
			.imgsBox  {display: inline-block; margin-right: 5px; margin-top: 5px;}
			.imgsBox img{ width: 100px;}
		</style>
	</head>
	<body>
		<!--导航-->
	    <nav class="navbar navbar-inverse">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
		          	<a class="navbar-brand" href=""><img src="images/admin_logo.png" alt=""></a>
	        </div>

	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
	          <ul class="nav navbar-nav" id="nav">

	          </ul>
	          <ul class="nav navbar-nav navbar-right">
	            <li class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">欢迎您：<span id="uname"></span><span class="caret"></span></a>
	              <ul class="dropdown-menu" role="menu">
	                <li><a href="change_pass.html">修改密码</a></li>
	                <li><a id="loginOut" href="#">退出登陆</a></li>
	              </ul>
	            </li>
	          </ul>
	        </div>
	      </div>
	    </nav>
		<div class="container-fluid">
			<div class="row bcert-box">
				<ol class="breadcrumb">
				  <li><a href="javascript:;">主页</a></li>
				  <li>订单管理</li>
				  <li class="active">退款申请</li>
				</ol>
				<form class="form-inline searchForm" id="">
		          <div class="form-group">
		            <span class="theme-title">查询类型:</span>
		            <select class="form-control drop-down" name='queryType' id="queryType">
		              <option value="1">订单编号</option>
		              <option value="2">退款编号</option>
					  <option value="3">店铺名</option>
					  <option value="4">商品名称</option>
					  <option value="5">买家会员名</option>
		            </select>
		          </div>
		          <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" name="text" id="text" placeholder="查询">
		          </div>
				  <div class="form-group">
		            <span class="theme-title">退款状态:</span>
		            <select class="form-control drop-down" name='refundStatus' id="refundStatus">
						 <option value="">全部</option>
						<option value="2">退款中</option>
		              <option value="1">未退款</option>
					  <option value="3">已退款</option>
					  <option value="4">退款失败</option>

		            </select>
		          </div>
				  <div class="form-group">
		            <span class="theme-title">退款退货状态:</span>
		            <select class="form-control drop-down" name='refundStatus' id="type">
						<option value="">全部</option>
						<option value="1">退款</option>
			            <option value="2">退款退货</option>
		            </select>
		          </div>
		          <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" name="startTime" title="错误"
		               readonly="readonly"
		               data-container="body"
		               data-toggle="popover"
		               data-placement="bottom"
		               data-content="开始时间不能大于结束时间!"
		               id="startTime" placeholder="开始时间">
		          </div>
		          <div class="form-group">
		              <input type="text" class="form-control" style="padding-left:12px;" readonly="readonly" name="endTime" id="endTime" placeholder="结束时间">
		          </div>
		          <div class="form-group">
		            <button type="button" class="btn btn-primary btn-success" id="Reset"></span>重置</button>
		            <button type="button" class="btn btn-primary btn-default" id="QueryBtn" data-toggle="button" aria-pressed="false" autocomplete="off">查询</button>
		            <!-- <button type="button" class="btn btn-primary btn-success" id="dlexcle"></span>&nbsp;导出excle</button> -->
					<!-- <button type="button" class="btn btn-primary btn-success addUser">新增会员</button> -->
		          </div>
		        </form>
				<div class="table">
		          	<table class="table table-bordered table-striped" id="integralList">

		          	</table>
		        </div>
				<!-- 分页 -->
		        <nav aria-label="...">
		            <div class="">
		            	<span id="pageNum">共&nbsp;<strong></strong>&nbsp;页&nbsp;/&nbsp;</span><span id="totalNum">&nbsp;<strong>0</strong>&nbsp;条数据</span>
		            </div>
		            <ul id="example"></ul>
		        </nav>
		    </div>
		</div>

		<div class="modal fade" tabindex="-1" id="editRole" role="dialog" aria-labelledby="">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
						</button>
							<h4 class="modal-title" id="myLargeModalLabel">详细</h4>
					</div>
					<div class="modal-body" id="orderInfo" style="overflow:auto">

					</div>
					<!-- <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-primary" id="entBtns">确认提交</button>
					</div> -->
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
	</body>
</html>
<script type="text/javascript" src="plugin/layer/layer.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
 <script type="text/javascript" src="js/bootstrap-paginator.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plugin/date/date.js"></script>
<script type="text/javascript" src="plugin/date/date.zh-CN.js"></script>
<script>
	$(document).ready(function() {
		tableList()
	});
	$('#QueryBtn').click(function(){
		tableList()
	})
	var pageUrls =  serverURL + '/query/orderRefundList';
	var permissionsUrls  = ''
	//分页
    function tableList(){
  	  data = {
		  'queryType':$('#queryType').val(),
		  'text':$('#text').val(),
		  'refundStatus':$('#refundStatus').val(),
		  'type':$('#type').val(),
		  'startTime':$('#startTime').val(),
		  'endTime':$('#endTime').val(),
  		  'page': page,
  		  'pageSize': pagesize
  	  }
  	  data.page = 1
  	  ajax(
  		  pageUrls,
  		  data,
  		  pageNumList,
  		  'post',
  		  'json'
  	  )
    }
	//数据渲染
    function OpendList(res){
      var result = '';
      $('#integralList').empty();
      $('#integralList').append(
        '<tr>' +
        '<th>订单id</th>' +
        '<th>订单编号</th>' +
		'<th>买家会员名</th>' +
		'<th>退款说明</th>' +
		'<th>订单明细id</th>' +
		'<th>是否确认收货</th>' +
		'<th>申请时间</th>' +
		'<th>审核时间</th>' +
		'<th>退款状态</th>' +
		'<th>店铺名称</th>' +
		'<th>商家审核状态</th>' +
		'<th>商品名称</th>' +
		'<th>退款编号</th>' +
		'<th>退款金额</th>' +
		'<th>操作</th>' +
    	'</tr>'
      );
		for (var i = 0; i < res.data.list.length; i++) {
			var Status =  res.data.list[i].auditStatusName == '审核通过' || res.data.list[i].auditStatusName == '弃货并审核通过';
	           	result +=  '<tr>'+
	             '<td>'+ res.data.list[i].orderId +'</td>'+
	             '<td>'+ res.data.list[i].orderSn +'</td>'+
				 '<td>'+ res.data.list[i].memberName +'</td>'+
				 '<td>'+ res.data.list[i].description +'</td>'+
				 '<td>'+ res.data.list[i].orderDetailId +'</td>'+
				 '<td>'+ res.data.list[i].confirmGoodsName +'</td>'+
				 '<td>'+ res.data.list[i].applicationTime +'</td>'+
				 '<td>'+ res.data.list[i].auditTime +'</td>'+
				 '<td>'+ res.data.list[i].statusName +'</td>'+
				 '<td>'+ res.data.list[i].storeName +'</td>'+
				 '<td>'+ res.data.list[i].auditStatusName +'</td>'+
				 '<td>'+ res.data.list[i].goodsName +'</td>'+
				 '<td>'+ res.data.list[i].refundSn +'</td>'+
				 '<td>'+ res.data.list[i].refundAmount +'</td>'+
				 '<td class="text-center">'
				if (Status && res.data.list[i].statusName == '未退款' ) {
					result +='<button data-id="" onclick="cancelOrder('+ res.data.list[i].refundSn +')" class="btn btn-success btn-sm">通过退款</button>'
				}else{
					result +='无'
				}
		   		result +='</td></td></tr>'
		}
      $('#integralList').append(result)
    }

	//取消订单
	function cancelOrder(id){
		layer.confirm('确定要通过退款审核吗？',{
			btn: ['确认','取消'] //按钮
		}, function(){
			var data = {
				'refundSn':id,
			}
			var cbk = function(res){
				tableList()
			}
			ajax(
				serverURL + '/platform/checkAndRefundAmount',
				data,
				cbk,
				'post',
				'json'
			)
		}, function(){
		});
	}

	$('#editRole').on('hidden.bs.modal', function (e) {
		$("#adminName").val('')
		$("#adminPassword").val('')
	})
	function compareDate(startTime, endTime) {
           return new Date(startTime).getTime() > new Date(endTime).getTime();
       }

       function checkStartAndEndTime() {
           if(compareDate($('#startTime').val(), $('#endTime').val())){
               $('#startTime').addClass("card-warning");
               $('#startTime').popover('show');

           }else{
               $('#startTime').removeClass("card-warning");
               $('#startTime').popover('hide')
           }
       }

       //时间选择
       $("#startTime").datetimepicker({
           format: "yyyy-mm-dd",
           autoclose: true,
           todayBtn: true,
           todayHighlight: true,
          //  endTime:new Date(),
           showMeridian: true,
           pickerPosition: "bottom-left",
           language: 'zh-CN',//中文，需要引用zh-CN.js包
           startView: 2,//月视图
           minView: 2,//日期时间选择器所能够提供的最精确的时间选择视图
       }).change(function () {
           checkStartAndEndTime();
       });
       $("#endTime").datetimepicker({
           format: "yyyy-mm-dd",
           autoclose: true,
           todayBtn: true,
           todayHighlight: true,
          //  endTime:new Date(),
           showMeridian: true,
           pickerPosition: "bottom-left",
           language: 'zh-CN',//中文，需要引用zh-CN.js包
           startView: 2,//月视图
           minView: 2,//日期时间选择器所能够提供的最精确的时间选择视图
       }).change(function () {
           checkStartAndEndTime();
       });
	   $(document).on('click', '.imgsBox img', function() {
		// console.log($(this).parent().html())
		 layer.open({
			type: 1,
		    title: false,
		    closeBtn: 0,
		    area: 'auto',
		    skin: 'layui-layer-nobg', //没有背景色
		    shadeClose: true,
		  	content: $(this).parent().html(),
		});
	});

</script>
